import React, { useState, useEffect } from 'react'
import { ArrowDownOutlined, ArrowUpOutlined, LikeOutlined } from '@ant-design/icons';
import { Card, Col, Row, Statistic } from 'antd';
import './Row_list.scss'
export default function Row_list() {
    const [infodata, setdata] = useState([])
    const getdata = () => {
    }
    useEffect(() => {
    }, [])
    return (
        <div className='Row_list_contant'>
            <Row gutter={24}>
                <Col span={6}>
                    <Card bordered={false}>
                        <Statistic
                            title="用户人数上升占比"
                            value={11.28}
                            precision={2}
                            valueStyle={{ color: '#3f8600' }}
                            prefix={<ArrowUpOutlined />}
                            suffix="%"
                        />
                    </Card>
                </Col>
                <Col span={6}>
                    <Card bordered={false}>
                        <Statistic
                            title="用户注销占比"
                            value={9.3}
                            precision={2}
                            valueStyle={{ color: '#cf1322' }}
                            prefix={<ArrowDownOutlined />}
                            suffix="%"
                        />
                    </Card>
                </Col>
                <Col span={6}>
                    <Card bordered={false}>
                        <Statistic title="点赞数量" value={1128+'万'} prefix={<LikeOutlined />} />
                    </Card>
                </Col>
                <Col span={6}>
                    <Card bordered={false}>
                        <Statistic title="最高峰人数占比" value={93} suffix="/ 100%" />
                    </Card>
                </Col>
            </Row>
        </div>
    )
}
